<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="background-color: black">
    <ul>
        {% for data in devops %}
        <li>
            <h1 style="color: chocolate">yunzhi 版本：{{ data.version|default:'后台接口获取数据失败' }}</h1>
        </li>
         <li>
            <h2 style="color: chartreuse">作者：{{ data.author|default:'后台接口获取数据失败' }}</h2>
        </li>
        <li>
            <h2 style="color: crimson">职位：{{ data.position|default:'后台接口获取数据失败' }}</h2>
        </li>
        <li>
            <h2 style="color: white">个人详情</h2>
        </li>
        <li>
            <p style="color: chartreuse; font-weight: bolder">{{ data.details|default:'后台接口获取数据失败' }}</p>
        </li>
        {% endfor %}
    </ul>
</body>
</html>